import * as React from 'react';

export const KialiLogo = () => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="104"
      height="31"
      xmlSpace="preserve"
    >
      <path
        className="st1"
        d="M14.1 2.4c0-.4.2-.6.6-.6.4 0 .6.2.6.6v2.8l1.4-1.5c.1-.1.3-.2.5-.2.3 0 .6.2.6.6 0 .2-.1.3-.2.4l-.9 1L18 7.2c.1.1.1.3.1.4 0 .3-.3.6-.6.6s-.5-.2-.6-.3l-1.2-1.7-.4.4v.9c0 .4-.2.6-.6.6-.4 0-.6-.2-.6-.6zM19 1.7c.4 0 .6.3.6.6 0 .4-.2.7-.6.7-.4 0-.6-.3-.6-.6-.1-.4.2-.7.6-.7zm-.6 2.4c0-.3.1-.6.6-.6s.6.3.6.6v3.4c0 .3-.1.6-.6.6s-.6-.3-.6-.6zM24.3 6.8c0 .5.1.6.1.8 0 .3-.3.5-.6.5-.5 0-.7-.3-.7-.7-.5.5-1 .7-1.7.7S20 7.6 20 6.8c0-1 .8-1.3 1.7-1.4l.8-.1c.3 0 .5-.1.5-.5s-.4-.5-.8-.5c-.9 0-.9.7-1.4.7-.3 0-.5-.2-.5-.5 0-.5.7-1.1 2-1.1 1.2 0 2 .4 2 1.3zm-1.2-.9c-.1.1-.4.2-.5.2l-.5.1c-.5.1-.8.2-.8.6 0 .3.3.5.7.5.7 0 1.1-.4 1.1-.9zM24.9 2.4c0-.4.2-.6.6-.6.4 0 .6.2.6.6v5.1c0 .4-.2.6-.6.6-.4 0-.6-.2-.6-.6zM27.4 1.7c.4 0 .6.3.6.6 0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6zm-.6 2.4c0-.3.1-.6.6-.6s.6.3.6.6v3.4c0 .3-.1.6-.6.6s-.6-.3-.6-.6zM7.8 0C5.4 0 3.5 1.9 3.5 4.3s1.9 4.3 4.3 4.3 4.2-2 4.2-4.3S10.1 0 7.8 0Zm0 7.9c-2 0-3.6-1.6-3.6-3.6S5.8.7 7.8.7s3.6 1.6 3.6 3.6-1.6 3.6-3.6 3.6z"
        style={{ fill: '#d7f7ff' }}
        transform="matrix(3.74415 0 0 3.52948 -.94 .527)"
      />
      <path
        className="st2"
        d="M6.3 1c-1.8.8-2.7 3-1.8 4.8.4.8 1 1.5 1.8 1.8 1.8-1.6 2-4.4.4-6.3-.1-.1-.3-.2-.4-.3Z"
        style={{ fill: '#0093dd' }}
        transform="matrix(3.74415 0 0 3.52948 -.94 .527)"
      />
      <path
        className="st2"
        d="M3.5 4.3c0-1 .3-1.9 1-2.7-.4-.2-.8-.3-1.3-.3-1.6 0-2.9 1.3-2.9 3s1.3 3 2.9 3c.4 0 .8-.1 1.2-.3-.6-.8-.9-1.7-.9-2.7Z"
        style={{ fill: '#0093dd' }}
        transform="matrix(3.74415 0 0 3.52948 -.94 .527)"
      />
    </svg>
  );
};
